<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>联系我们</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/contact.css">
</head>

<body>
    <div class="home">

        <div class="header header_page">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo">
                        <img src="./images/logo.png" alt="">
                        <img src="./images/logo2.png" alt="">
                    </a>
                    <div class="links">
                        <div class="item">
                            <a href="./index.html" class="a1">
                                <p>首页</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./solution.html" class="a1">
                                <p>行业解决方案</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">行业解决方案</p>
                                    <p class="en animated fadeInUp">solution</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>半导体</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>生物制药</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>能源</p>
                                        </a>
                                        <a href="./solution.html" class="animated fadeInUp">
                                            <p>化工</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./products.html" class="a1">
                                <p>产品与服务</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">产品与服务</p>
                                    <p class="en animated fadeInUp" id="text_en">product</p>
                                </div>
                                <div class="rc">
                                    <div class="list pro_menu">
                                        <a class="active_menu animated fadeInUp">
                                            <p>产品中心</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M21 12H3" stroke="#386EB5" />
                                                <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                            </svg>
                                        </a>
                                        <a class="animated fadeInUp">
                                            <p>服务与售后</p>
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none">
                                                <path d="M21 12H3" stroke="#386EB5" />
                                                <path d="M15 6L21 12L15 18" stroke="#386EB5" />
                                            </svg>
                                        </a>
                                    </div>
                                    <div class="list second_menu">
                                        <div class="on">
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮转台</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>磁悬浮泵</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>能源</p>
                                            </a>
                                            <a href="./products.html" class="animated fadeInUp">
                                                <p>化工</p>
                                            </a>
                                        </div>
                                        <div>
                                            <a href="./cpxx.html" class="animated fadeInUp">
                                                <p>产品选型</p>
                                            </a>
                                            <a href="./customization.html" class="animated fadeInUp">
                                                <p>产品定制</p>
                                            </a>
                                            <a href="./fwsh.html" class="animated fadeInUp">
                                                <p>服务与售后</p>
                                            </a>
                                            <a href="./downloads.html" class="animated fadeInUp">
                                                <p>下载中心</p>
                                            </a>
                                            <a href="./faq.html" class="animated fadeInUp">
                                                <p>F&Q</p>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./tech.html" class="a1">
                                <p>技术与创新</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./news.html" class="a1">
                                <p>新闻资讯</p>
                            </a>
                        </div>
                        <div class="line">/</div>
                        <div class="item">
                            <a href="./about.html" class="a1 active">
                                <p>关于我们</p>
                            </a>
                            <div class="bmenu animated fadeIn">
                                <div class="lt">
                                    <p class="cn animated fadeInUp">关于我们</p>
                                    <p class="en animated fadeInUp">about us</p>
                                </div>
                                <div class="rc">
                                    <div class="list">
                                        <a href="./about.html" class="animated fadeInUp">
                                            <p>关于我们</p>
                                        </a>
                                        <a href="./recruitment.html" class="animated fadeInUp">
                                            <p>招贤纳士</p>
                                        </a>
                                        <a href="./contact.html" class="animated fadeInUp">
                                            <p>联系我们</p>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="search">
                        <a href="./search.html">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                fill="none">
                                <path
                                    d="M10.5 19C15.1944 19 19 15.1944 19 10.5C19 5.8056 15.1944 2 10.5 2C5.8056 2 2 5.8056 2 10.5C2 15.1944 5.8056 19 10.5 19Z"
                                    stroke="white" stroke-width="1.5" />
                                <path
                                    d="M13.3287 7.17155C12.6049 6.4477 11.6049 6 10.5003 6C9.39572 6 8.39573 6.4477 7.67188 7.17155"
                                    stroke="white" stroke-width="1.5" stroke-linecap="square" />
                                <path d="M17 17L20.854 20.8535" stroke="white" stroke-width="2"
                                    stroke-linecap="square" />
                            </svg>
                        </a>
                        <input type="text" placeholder="输入您想查询的信息" id="search">
                    </div>
                    <div class="lan">
                        <a href="">CN</a>
                        <a href="">EN</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo2.png" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>

        <div class="menuList">
            <div class="lan">
                <a href="">CN</a>
                <a href="">EN</a>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">行业解决方案</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./solution.html">半导体</a>
                    <a href="./solution.html">生物制药</a>
                    <a href="./solution.html">能源</a>
                    <a href="./solution.html">化工</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">产品与服务</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./cpxx.html">产品选型</a>
                    <a href="./customization.html">产品定制</a>
                    <a href="./fwsh.html">服务与售后</a>
                    <a href="./downloads.html">下载中心</a>
                    <a href="./faq.html">F&Q</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./tech.html">技术与创新</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./news.html">新闻资讯</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">关于我们</a>
                    <img src="./images/arrow.svg" alt="">
                </div>
                <div class="types_top">
                    <a href="./recruitment.html">招贤纳士</a>
                    <a href="./contact.html">联系我们</a>
                </div>
            </div>
        </div>

        <div class="banner">
            <img src="./images/contact.png" alt="">
            <div class="text">
                <p class="p1">recruit</p>
                <p class="p2">联系我们 </p>
            </div>
        </div>
        <div class="main">

            <div class="section1">
                <div class="wrap">
                    <div class="title">全球化业务布局</div>
                    <div class="content">
                        <div class="top">
                            <img src="./images/map.png" class="map" alt="">
                            <div class="position">
                                <div class="point point1 top">
                                    <div class="img">
                                        <img src="./images/tu1.png" alt="">
                                    </div>
                                    <p>中国</p>
                                </div>
                                <div class="point point2">
                                    <div class="img">
                                        <img src="./images/tu1.png" alt="">
                                    </div>
                                    <p>中国台湾</p>
                                </div>
                                <div class="point point3 top">
                                    <div class="img">
                                        <img src="./images/tu2.png" alt="">
                                    </div>
                                    <p>韩国</p>
                                </div>
                                <div class="point point4">
                                    <div class="img">
                                        <img src="./images/tu3.png" alt="">
                                    </div>
                                    <p>日本</p>
                                </div>
                            </div>
                        </div>
                        <div class="posi_content">
                            <div class="img">
                                <img src="./images/posi.png" alt="">
                            </div>
                            <div class="color">
                                <div class="dis">
                                    <img src="./images/dis.png" alt="">
                                    <h1>苏州（总部）</h1>
                                </div>

                                <div class="text">
                                    地址：中国(江苏)自由贸易试验区苏州片区苏州工业园区金鸡湖大 道88号人工智能产业园G4-7楼
                                </div>

                                <div class="tel">电话：0512-8518 0000</div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="section2">
                <div class="wrap">
                    <div class="title">在线留言</div>
                    <form class="content" action="javascript:;">
                        <div class="list">
                            <p>姓名<b>*</b></p>
                            <div class="border">
                                <div class="icon">
                                    <img src="./images/on1.png" alt="">
                                </div>
                                <input type="text" class="name" placeholder="请输入您的名称" required>
                            </div>
                        </div>
                        <div class="list">
                            <p>电话<b>*</b></p>
                            <div class="border">
                                <div class="icon">
                                    <img src="./images/on2.png" alt="">
                                </div>
                                <input type="text" class="phone" placeholder="请输入您的电话" required>
                            </div>
                        </div>
                        <div class="list">
                            <p>邮箱<b>*</b></p>
                            <div class="border">
                                <div class="icon">
                                    <img src="./images/on3.png" alt="">
                                </div>
                                <input type="text" class="email" placeholder="请输入您的邮箱" required>
                            </div>
                        </div>
                        <div class="list">
                            <p>企业<b>*</b></p>
                            <div class="border">
                                <div class="icon">
                                    <img src="./images/on4.png" alt="">
                                </div>
                                <input type="text" class="company" placeholder="请输入您的企业名" required>
                            </div>
                        </div>
                        <div class="list all">
                            <p>应用行业领域<b>*</b></p>
                            <div class="border">
                                <div class="icon">
                                    <img src="./images/on5.png" alt="">
                                </div>
                                <input type="text" class="industry" placeholder="请输入您的应用行业领域" required>
                            </div>
                        </div>
                        <div class="list textarea">
                            <p>需求<b>*</b></p>
                            <div class="border">
                                <div class="icon">
                                    <img src="./images/on5_1.png" alt="">
                                </div>
                                <textarea class="message" id="" cols="30" rows="10" placeholder="请输入您的需求" required></textarea>
                            </div>
                        </div>

                        <div class="display">
                            <input type="text" class="input-val">
                            <canvas id="canvas" width="100" height="43" data-code="8489"></canvas>
                            <button type="submit" class="btn">提交</button>
                        </div>
                    </form>
                </div>
            </div>

            <div class="section3">
                <div class="item on">
                    <div class="l">
                        <h1>苏磁科技</h1>
                        <p>总部</p>
                    </div>
                    <div class="r">
                        <div class="pick">中国 - 苏磁科技有限公司</div>
                        <div class="flex">
                            <div class="list">
                                <div class="bor">电子邮件</div>
                                <p>contact@supermag.com</p>
                            </div>
                            <div class="list">
                                <div class="bor">电话</div>
                                <p>0512-87818225</p>
                            </div>
                            <div class="list">
                                <div class="bor">制造中心</div>
                                <p>苏州市工业园区兴浦路200号联东U谷双创中心4A栋</p>
                            </div>
                            <div class="list">
                                <div class="bor">地址</div>
                                <p>苏州市工业园区金鸡湖大道88号人工智能产业园G4栋7楼</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="l">
                        <h1>苏磁科技</h1>
                        <p>地区办事处</p>
                    </div>
                    <div class="r">
                        <div class="pick">日本——苏磁科技有限公司办事处</div>
                        <div class="flex">
                            <div class="list">
                                <div class="bor">电子邮件</div>
                                <p>contact@supermag.com</p>
                            </div>
                            <div class="list">
                                <div class="bor">电话</div>
                                <p>0512-87818225</p>
                            </div>
                            <div class="list">
                                <div class="bor">研发总部</div>
                                <p>东京千代田区丸之内2-2-1 岸本大厦7F xLINK 721</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>







        <div class="foot">
            <div class="dom">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="icons">
                    <a>
                        <img src="./images/f1.png" alt="">
                        <div class="code">
                            <img src="./images/code.png" alt="">
                        </div>
                    </a>
                    <a href="">
                        <img src="./images/f2.png" alt="">
                    </a>
                    <a href="">
                        <img src="./images/f3.png" alt="">
                    </a>
                </div>
                <div class="copyright">
                    Copyright © 苏州苏磁智能科技-超级磁悬浮 All Rights Reserved. <a href="https://beian.miit.gov.cn/"
                        target="_blank">苏ICP备05001864号-1</a>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-3.6.1.min.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/countUp.js"></script>
    <script src="./js/code.js"></script>

    <script>
        new WOW().init();

        var w = document.documentElement.clientWidth


        code_draw();
        // 点击后刷新验证码
        $("#canvas").on('click', function () {
            code_draw();
        })

        $(".btn").on('click', function () {
            var name = $('.name').val();
            var phone = $('.phone').val();
            var email = $('.email').val();
            var company = $('.company').val();
            var industry = $('.industry').val();
            var message = $('.message').val();
            if (name == '') {
                alert("请输入姓名")
                return false;
            }
            if (!validatePhone(phone)) {
                alert("请输入正确电话")
                return false;
            }
            if (!validateEmail(email)) {
                alert("请输入正确邮箱")
                return false;
            }
            if (company == '') {
                alert("请输入企业名称")
                return false;
            }
            if (message == '') {
                alert("请输入需求")
                return false;
            }
            // 将输入的内容转为大写，可通过这步进行大小写验证
            var val = $(".input-val").val().toLowerCase();
            // 获取生成验证码值
            var num = $('#canvas').attr('data-code');
            if (val == '') {
                alert('请输入验证码！');
            } else if (val == num) {
                alert('提交成功');
                $('.section2 form').trigger('reset');
                $(".input-val").val('');
                draw(show_num);
            } else {
                alert('验证码错误！请重新输入！');
                $(".input-val").val('');
                draw(show_num);
            }
        })


        $('.home .main .section3 .item').hover(function () {
            $(this).addClass('on').siblings().removeClass('on')
        })


    </script>
</body>

</html>